//头部的显隐事件
function header(){
    $(".header-app").hover(function () {
        $(".app-list").css({ height: "135px", padding: "10px", border: "1px solid #EDEDED", "box-shadow": "0px 2px 4px 0px #ededed", "z-index": "10000" });
    }, function () {
        $(".app-list").css({ height: "0px", padding: "0 10px", border: "1px solid transparent", "box-shadow": "0px 2px 4px 0px transparent", "z-index": "100" });
    });
    $(".app-list").hover(function () {
        $(".app-list").css({ height: "135px", padding: "10px", border: "1px solid #EDEDED", "box-shadow": "0px 2px 4px 0px #ededed", "z-index": "10000" });
    }, function () {
        $(".app-list").css({ height: "0px", padding: "0 10px", border: "1px solid transparent", "box-shadow": "0px 2px 4px 0px transparent", "z-index": "100" });
    });

    $(".current-city").hover(function () {
        $(".current-city-list").css({ height: "188px", padding: "12px 0", border: "1px solid #EDEDED", "box-shadow": "0px 2px 4px 0px #ededed", "z-index": "10000" });
    }, function () {
        $(".current-city-list").css({ height: "0px", padding: "0", border: "1px solid transparent", "box-shadow": "0px 2px 4px 0px transparent", "z-index": "100" });
    });
    $(".current-city-list").hover(function () {
        $(".current-city-list").css({ height: "188px", padding: "12px 0", border: "1px solid #EDEDED", "box-shadow": "0px 2px 4px 0px #ededed", "z-index": "10000" });
    }, function () {
        $(".current-city-list").css({ height: "0px", padding: "0", border: "1px solid transparent", "box-shadow": "0px 2px 4px 0px transparent", "z-index": "100" });
    });
    $(".current-city-list a").click(function () {
        $(".current-city").html($(this).text() + '<i></i>');
    });

    $(".header-message").hover(function () {
        $(".message-list-header").css({ height: "66px", padding: "12px 0", border: "1px solid #EDEDED", "box-shadow": "0px 2px 4px 0px #ededed", "z-index": "10000" });
    }, function () {
        $(".message-list-header").css({ height: "0px", padding: "0", border: "1px solid transparent", "box-shadow": "0px 2px 4px 0px transparent", "z-index": "100" });
    });
    $(".message-list-header").hover(function () {
        $(".message-list-header").css({ height: "66px", padding: "12px 0", border: "1px solid #EDEDED", "box-shadow": "0px 2px 4px 0px #ededed", "z-index": "10000" });
    }, function () {
        $(".message-list-header").css({ height: "0px", padding: "0", border: "1px solid transparent", "box-shadow": "0px 2px 4px 0px transparent", "z-index": "100" });
    });

    $(".header-user").hover(function () {
        $(".header-user-list").css({ height: "102px", padding: "12px 0", border: "1px solid #EDEDED", "box-shadow": "0px 2px 4px 0px #ededed", "z-index": "10000" });
    }, function () {
        $(".header-user-list").css({ height: "0px", padding: "0", border: "1px solid transparent", "box-shadow": "0px 2px 4px 0px transparent", "z-index": "100" });
    });
    $(".header-user-list").hover(function () {
        $(".header-user-list").css({ height: "102px", padding: "12px 0", border: "1px solid #EDEDED", "box-shadow": "0px 2px 4px 0px #ededed", "z-index": "10000" });
    }, function () {
        $(".header-user-list").css({ height: "0px", padding: "0", border: "1px solid transparent", "box-shadow": "0px 2px 4px 0px transparent", "z-index": "100" });
    });
}
